<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1">
<title>来电</title>
<script src="/static/bootstrap-3.3.5-dist/jquery.min.js"></script>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript" src="/static/js/comm.js?v=3.0"></script>
<script src="/static/js/pingpp_pay.js" type="text/javascript"></script>
<script type="text/javascript" src="/static/js/prompt.js"></script>
<script type="text/javascript" src="/static/js/buy.js?v=3.2"></script>
<link rel="stylesheet" type="text/css" href="/static/css/buy.css?v=1.1">
<link rel="stylesheet" type="text/css" href="/static/css/common.css?v=1.1">
</head>
<body>
	<div class="borrow">
<!-- 		<#if buyType == 1>
			<span>借充电宝需要100元 押金</span>
		<#elseif buyType == 2>
			<span>购买数据线需要支付 10元</span>
		<#elseif buyType == 3>
			<span>购买数据线需要支付 10元</span>
		<#elseif buyType == 4>
			<span>购买数据线需要支付 10元</span>			
		</#if>
		<br/> -->
		<#if buyType == 1>
			<!-- <img class="borrowTag" src="/static/images/powerbank_qian.png"> -->
			<button class="scan" style="background:url(/static/images/borrow1.png) no-repeat;background-size:100% 100%" ></button>
			<br/>
			<img class="borrowFont" src="/static/images/txt_01.png">
		<#elseif buyType == 2>
			<img class="borrowTag" src="/static/images/xian_qian.png">
			<button class="scan" style="background:url(/static/images/buyline1.png) no-repeat;background-size:100% 100%" ></button>
			<br/>
			<img class="borrowFont" src="/static/images/txt_03.png">
		<#elseif buyType == 3>
			<img class="borrowTag" src="/static/images/xian_qian.png">
			<button class="scan" style="background:url(/static/images/buyline1.png) no-repeat;background-size:100% 100%" ></button>
			<br/>
			<img class="borrowFont" src="/static/images/txt_02.png">
		<#elseif buyType == 4>
			<img class="borrowTag" src="/static/images/xian_qian.png">
			<button class="scan" style="background:url(/static/images/buyline1.png) no-repeat;background-size:100% 100%" ></button>
			<br/>
			<img class="borrowFont" src="/static/images/txt_04.png">	
		</#if>
		
	</div>	
	<img class="line" src="/static/images/line_-01.png">
	<div class="content">
		<div>
			<h1>操作指南</h1>
		</div>
			<#if buyType == 1>
				<span>1、每租一台充电宝需要 100元 押金</span>
				<div class="present">
				<span class="font1">【归还后押金自动返还到账户】</span>
				<br/>
				<span class="font2">首次体验，赠送一次免费购线机会（特殊场景例外）。</span>
			</div>
			<#elseif buyType == 2>
				<span>1、每条数据线购买需要10元</span>
				<div class="present">
					<span class="font1">【数据线不属于租借，购买后无需归还】</span>
					<br/>
					<span class="font2"></span>
				</div>
			<#elseif buyType == 3>
				<span>1、每条数据线购买需要10元</span>
				<div class="present">
					<span class="font1">【数据线不属于租借，购买后无需归还】</span>
					<br/>
					<span class="font2"></span>
				</div>
			<#elseif buyType == 4>
				<span>1、每条数据线购买需要10元</span>
				<div class="present">
					<span class="font1">【数据线不属于租借，购买后无需归还】</span>
					<br/>
					<span class="font2"></span>
				</div>			
			</#if>								
		<br/>
		<span>2、点击"来电终端机"屏幕上的【借】</span>
		<br/>
		<br/>
		<#if buyType == 1>
			<span>3、扫描二维码即可借入充电宝</span>
		<#elseif buyType == 2>
			<span>3、扫描二维码即可购买充电线</span>		
		<#elseif buyType == 3>
			<span>3、扫描二维码即可购买充电线</span>
		<#elseif buyType == 4>
			<span>3、扫描二维码即可购买充电线</span>			
		</#if>		


	</div>

	<input class="access_token" type="hidden" value="${access_token}">
	<input class="money" type="hidden" value="${money}">
	<input class="buyType" type="hidden" value="${buyType}">
	<input class="presentMoney" type="hidden" value="${presentMoney}">
	<input class="presentMoneyTimes" type="hidden" value="${presentMoneyTimes}">
	<div class="buyLoading">
		<img class="loading" src="/static/images/loding.gif">
		<br/>
		<span>正在处理中</span>
	</div>
	<div class="prompt">
		<div class="message">
	<!-- 		<img src="/static/images/wrong.png">
			<p>
				<span class="font1">充电宝不足</span>
				<br/>
				<span class="font2">是否去最近来电？</span>
			</p> -->
		</div>
		<div class="message2">
<!-- 			<img src="/static/images/right.png">
			<p>
				<span class="font1">购线成功</span>
			</p> -->
		</div>		
		<div class="describe">
			<span class="font3">首次体验，赠送一次免费购线机会。</span>
		</div>
		<div class="select">
			<div class="clickBtn">
				<span>请取走机器吐出的数据线</span>
			</div>
			<div class="no">
				<span class="noFont">不购线</span>
			</div>
			<div class="yes">
				<span class="yesFont">购线</span>
			</div>
		</div>	
	</div>	
	<div class="promptBg">
		
	</div>	
	<div class="prompt3">
			<div class="alertTitle">
					<img src="/static/images/ico-02.png">&nbsp;&nbsp;借入充电宝成功
			</div>
			<div class="alertContent">
				<p>
					首次体验，赠送一次免费购线机会。
				</p>			
			</div>
			<div class="nobuy buyLinBtn">
				<div class="btnContent">
					<img src="/static/images/ico-01.png">&nbsp;&nbsp;不需要数据线
				</div>
			</div>
			<div class="buyAndroid buyLinBtn">
				<div class="btnContent">
					<img src="/static/images/ico-05.png">&nbsp;&nbsp;Android线
				</div>
			</div>
			<div class="buyIphone4 buyLinBtn">
				<div class="btnContent">
					<img src="/static/images/ico-03.png">&nbsp;&nbsp;iPhone4/4S线
				</div>
			</div>			
			<div class="buyIphone5 buyLinBtn2">
				<div class="btnContent">
					<img src="/static/images/ico-03.png">&nbsp;&nbsp;iPhone5/5S/6/6P线
				</div>
			</div>
	</div>	

	    <div class="device-pay">
        <div class="shop">
            <div class="shop-message">
                <img class="shop-icon" src="/static1/images/record-icon.png">
                <div class="shop-message-info">
                    <span class="shop-message-font1">租借充电宝收费标准</span>
                    <br/>
                    <span class="shop-message-font2">借入机器编号：<span class="device-terminal">000755010003</span></span>
                    <br/>
                    <span class="shop-message-font3">借入机器地点：<span class="shop-name">深圳来电总部</span></span>
                </div>
            </div>
            <span class="shop-point">为保障充电宝的流通性，采取不同地段不同资费</span>
        </div>
        <table class="pay-message" cellspacing="0">
            <tr>
                <td>服务类型</td>
                <td class="borrow-pay-title">免费时长</td>
                <td class="hour-pay-title">超时租金</td>
                <td class="max-pay-title">收费上限</td>
            </tr>
            <tr>
                <td>普通用户</td>
                <td><span class="gratis-time">2小时/次</span></td>
                <td><span class="hour-pay">1.0元/小时</span></td>
                <td><span class="max-pay">10元/天</span></td>
            </tr>
            <tr>
                <td>会员用户</td>
                <td><span class="vip-gratis-time">2小时/次</span></td>
                <td><span class="vip-hour-pay">0.5元/小时</span></td>
                <td><span class="vip-max-pay">5元/天</span></td>
            </tr>
        </table>
        <div class="pay-foot">
            <span class="annotation">注释：按照1小时收费</span>
            <button class="laidian-button go-pay-button" ng-click="">知道了</button>
        </div>
    </div>		
</body>
</html>